<!--div class="detail-user-frame all-user-frame"><h1 class="text-center">Voici les utilisateurs !!!</h1-->
    <div class="flex">
        <div class="insc-form pddg">
            <hr>
            <form method="post">
                <div class="info_perso">
                    <div class="inputs">
                        <div class="input-container">
                            <input type="text" id="nom_produit" name="nom_produit" class="text-input" autocomplete="off" placeholder="Enter your surname" />
                            <label class="label" for="nom_produit">Nom produit</label>
                        </div>
                        <div class="input-container">
                            <input type="text" id="desc_produit" name="desc_produit" class="text-input" autocomplete="off" placeholder="Enter your name" />
                            <label class="label" for="desc_produit">Description</label>
                        </div>
                        <div class="input-container">
                            <input type="text" id="ref_produit" name="ref_produit" class="text-input" autocomplete="off" placeholder="Enter your Pseudo" />
                            <label class="label" for="ref_produit">Ref produit</label>
                        </div>
                        <div class="input-container">
                            <input type="number" id="prix_produit" name="prix_produit" class="text-input" autocomplete="off" placeholder="Enter your surname" />
                            <label class="label" for="prix_produit">prix produit</label>
                        </div>
                        <!--div class="input-container">
                            <input type="mail" id="email_user" name="email_user" class="text-input" autocomplete="off" placeholder="Enter your Email" />
                            <label class="label" for="email_user">Email</label>
                        </div>
                        <div class="input-container">
                            <input type="date" id="datenaissance_user" name="datenaissance_user" class="text-input" />
                        </div>
                        <div class="input-container container1">
                            <input type="checkbox" name="sexe_user" id="homme" value="Homme">
                            <label for="homme"><i class="fa-solid fa-person"></i></label>
                            <br>
                            <input type="checkbox" name="sexe_user" id="femme" value="Femme">
                            <label for="femme"><i class="fa-solid fa-person-dress"></i></label>
                        </div>
                        <div class="input-container">
                            <input type="number" id="numtel_user" name="numtel_user" class="text-input" autocomplete="off" placeholder="Enter your phone number" />
                            <label class="label" for="numtel_user">N° Telephone</label>
                        </div>
                        <div class="input-container">
                            <select name="statut_user" class="text-input">
                                <option></option>
                                <option value="Admin">Admin</option>
                                <option value="Employer">Employer</option>
                                <option value="client">Client</option>
                            </select>
                        </div-->
                        <hr>
                        <div class="input-btn">
                            <!--input type="submit" class="button-input" placeholder="Submit" required /-->
                            <!--button placeholder="Submit" class="button-input">Continuer</button-->
                            <input type="submit" name="Filtrer" value="Filtrer" class="button-input">
                        </div>
                    </div>
                </div>
                <!--div class="info_authenti">
                </div-->
            </form>
        </div>
        <div class="user-case">
            <?php
                if (isset($lesProduits)){
                    foreach ($lesProduits as $unProduit){
                        echo '<div class="user">';
                        echo '   <div class="user-detail">';
                        echo '      <p class="mail-user">'.$unProduit['nom_produit'].'</td>';/*style: width: 190%; */
                        echo '      <p class="statut-user">'.$unProduit['desc_produit'].'</td>';
                        echo '   </div>';
                        echo '   <p class="statut-user" style="margin: auto 0 auto 0;color: white;font-size: 14px;">'.$unProduit['ref_produit'].'</td>';
                        echo '   <div class="admin-choice">';
                        echo '      <a href="http://"><i class="fa-solid fa-circle-info"></i></a>';
                        echo '      <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>';
                        echo '      <a href="http://"><i class="fa-solid fa-ban"></i></a>';
                        echo '      <a href="http://"><i class="fa-solid fa-user-slash"></i></a>';
                        echo '   </div>';
                        echo '</div>';
                        /*echo "<td>".$unUtilisateur['matiere']."</td>";
                        echo "<td>".$unUtilisateur['nbheures']."</td>";
                        echo "<td>".$unUtilisateur['coeff']."</td>";
                        echo "<td>".$unUtilisateur['idprofesseur']."</td>";  
                        echo "<td>".$unUtilisateur['idclasse']."</td>";  
                        echo "</tr>";*/
                    }
                }else{echo "vide";}
            ?>
            <!--div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div-->
            <!--div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div>
            <div class="user">
                <div class="user-detail">
                    <p class="mail-user">Nom Prenom</p>
                    <p class="statut-user">Email</p>
                </div>
                <p class="statut-user" style="margin: auto 0 auto 180px;color: white;font-size: 14px;">statut</p>
                <div class="admin-choice">
                    <a href="http://"><i class="fa-solid fa-circle-info"></i></a>
                    <a href="http://"><i class="fa-solid fa-pen-to-square"></i></a>
                    <a href="http://"><i class="fa-solid fa-ban"></i></a>
                    <a href="http://"><i class="fa-solid fa-user-slash"></i></a>
                </div>
            </div-->
        </div>
    </div>
<!--/div-->